{% extends 'devops/root.html' %}
{% block titile%}UserList{%endblock%}
{% block leftside %}
                    <li class="has-submenu"><a href="#"><i class="ion-flask"></i> <span class="nav-label">用户管理</span></a>
                        <ul class="list-unstyled">
                            <li><a href="{% url 'users:userlist'%}">用户</a></li>
                            <li><a href="{% url 'users:grouplist'%}">组</a></li>
                        </ul>
                    </li>
                    <li class="has-submenu"><a href="#"><i class="ion-flask"></i> <span class="nav-label">预留</span></a>
                        <ul class="list-unstyled">
                            <li><a href="#">空1</a></li>
                            <li><a href="#">空2</a></li>
                        </ul>
                    </li>



{% endblock %}

{% block content %}
    <div class="col-lg-8">

        <div class="portlet"><!-- /primary heading -->
            <div class="portlet-heading">
                <h3 class="portlet-title text-dark text-uppercase">
                    UserList
                </h3>
                <div class="portlet-widgets">
                    <a href="javascript:;" data-toggle="reload"><i class="ion-refresh"></i></a>
                    <span class="divider"></span>
                    <a data-toggle="collapse" data-parent="#accordion1" href="#portlet2"><i class="ion-minus-round"></i></a>
                    <span class="divider"></span>
                    <a href="#" data-toggle="remove"><i class="ion-close-round"></i></a>
                </div>
                <div class="clearfix"></div>
            </div>
            <div id="portlet2" class="panel-collapse collapse in">
                <div class="portlet-body">
                    <div class="table-responsive">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>UserName</th>
                                    <th>email</th>
                                    <th>iphoneNumber</th>
                                    <th>Sex</th>
                                    <th>login_time</th>
                                </tr>
                            </thead>
                            <tbody>
                            {% for user in user_list  %}
                                <tr>
                                    <td>{{user.id}}</td>
                                    <td>{{user.username}}</td>
                                    <td>{{user.email}}</td>
                                    <td>{{user.phone}}</td>
                                    <td>{{user.sex}}</td>
                                    <td>{{user.last_login}}</td>

                                </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}